<template>
  <div class="page">
    <!-- 库存数量table -->
    <div class="StockTwoPage">
      <div style="text-align: center; font-size: 1rem; font-weight: bold">
        库存数量
      </div>
      <Stock />
    </div>
    <!-- 实际可用库存table -->
    <div class="StockTwoPage">
      <div style="text-align: center; font-size: 1rem; font-weight: bold">
        实际可用库存
      </div>
      <ActualStock />
    </div>
    <!-- 安全库存需求量table -->
    <div class="StockTwoPage">
      <div style="text-align: center; font-size: 1rem; font-weight: bold">
        安全库存需求量
      </div>
      <SafeStock />
    </div>
  </div>
</template>
<script lang="ts" setup>
import _ from "lodash";
import Stock from "./StokeTwo/Stock.vue";
import ActualStock from "./StokeTwo/ActualStock.vue";
import SafeStock from "./StokeTwo/SafeStock.vue";
</script>
<style lang="scss" scoped></style>
